<template>
    <div>
      <van-nav-bar
        title="注册界面"
        left-text="返回"
        left-arrow
        @click-left="back"
      />
      <van-form @submit="onSubmit">
        <van-cell-group inset>
          <van-field
            v-model="username"
            name="用户名"
            label="用户名"
            placeholder="用户名"
            :rules="[{ required: true, message: '请填写用户名' }]"
          />
          <van-field
            v-model="password"
            type="password"
            name="密码"
            label="密码"
            placeholder="密码"
            :rules="[{ required: true, message: '请填写密码' }]"
          />
        </van-cell-group>
        <div style="margin: 16px;">
          <van-button round block type="primary" native-type="submit">
              提交
          </van-button>
        </div>
      </van-form>
    </div>
</template>

<script>
  import {register} from "@/api/requestData";
  export default {
      name: "register",
      data(){
          return{
            username : '',
            password : '',
          }
      },
      methods:{
        //返回
        back(){
          history.go(-1)
        },
        onSubmit(){
          let data = {
              username : this.username,
              password : this.password,
          };
          register(data).then(res => {
            const {status } = res.data;
            if (status === 200) {
              this.$router.push('/login')
            } else {
              this.$toast({
                message : res.data.msg,
                icon : 'fail'
              })
            }
          })
        }
      }
    }
</script>

<style scoped>

</style>
